<extend name="../../../Public/master"/>
<block name="content">
    <div id="content">
        <form action="" method="post">
            <div class="car main">
                <div class="carshop">
                    <div class="cartitle">
                        <div class="carcheck">
                            <div class="checkbox">
                                <span class="check " id="allcheck"></span>
                            </div>
                            全选</div>
                        <div class="carname">商品名称</div>
                        <div class="carmoney">单价</div>
                        <div class="carnum">数量</div>
                        <div class="carcount">小计</div>
                        <div class="carhandle">操作</div>
                    </div>
                    <foreach name="data['goods']" key="k" item="v">
                    <div class="shopcontent" bs="{$k}"  >
                        <div class="shopcheck"><div class="checkbox">

                            <span class="check "  nu="0" ch="0"></span>
                            <input type="checkbox" name='checkbox' class="checkhide"/>
                        </div></div>
                        <div class="shopname">
                            <div class="carimg">
                                <a href=""><img  style="height:100px" src="__ROOT__/{$v['options']['img']}"/></a>
                            </div>
                            <p>
                                <a href="#">{$v['name']}</a>
                                <foreach name="v['options']['options']" key='kk' item='vo'>
                                <span>{$kk}：{$vo}</span>
                                    </foreach>
                            </p>
                        </div>
                        <div class="shopmoney">{$v['price']}.00元</div>
                        <div class="shopnum">
                            <input type="hidden" class="count" value="{$v['options']['count']}">
                            <a href="javascript:;" class="num_l">-</a>
                            <input type="text" readonly="readonly" class="textnum" value="{$v['num']}" />
                            <a href="javascript:;" class="num_r">+</a>
                        </div>
                        <!--<input type="hidden" class="totals" value="{$v['total']}">-->
                        <div class="shopcount">{$v['total']}.00元</div>
                        <div class="shophandle"><span>x</span></div>

                    </div>
                    </foreach>
                </div>


                <!--判断输入的库存不得大于当前库存-->
                <script>
                    $(function(){
                        //alert(1);
                       $('.num_r').click(function(){
                          // alert(1);
                           //抓取当前商品库存总数
                           var count=parseInt($(this).parents('.shopnum').find('input.count').val());
                           //alert(count);
                           //抓取输入的库存值
                           var textnum= $('.textnum').val();
                           //alert(textnum);
                          //在这里做判断 提交的商品数量不能大于库存总数
                           if(textnum>=count){
                               //alert(1);
                               layer.msg('亲,库存不足了', function(){
                               });
                               $(this).prev().val($(this).siblings('.count').val());
                               return false;
                           }
                       })
                    })
                </script>
                <!--商品数量同步 ＋  -->
                <script>
                    $(function(){

                        $('.num_r').click(function(){
                            //alert(1);
                            var num=$('.textnum').val();
                            //alert(num);
                            var key=$('.shopcontent').attr('bs');
                            //alert(num);
                            // alert(key);
                            $.post("{:u('cartUpdata')}",{num:num,key:key}, function (res){
                            })
                        })
                    })
                </script>
                <!--商品数量同步 -减  -->
                <script>
                    $(function(){

                        $('.num_l').click(function(){
                         //alert(1);
                            var num=$('.textnum').val();
                            //alert(num);
                            var key=$('.shopcontent').attr('bs');
                            //alert(num);
                           // alert(key);
                            $.post("{:u('cartUpdate')}",{num:num,key:key}, function (res){
                            })
                        })
                    })
                </script>

                <!--购物车商品删除方法-->
                <script>
                    $(function(){
                        //1.首先判断有没有走进来
                       // alert(1);
                        //2.添加点击事件
                        $('.shophandle span').click(function(){
                           //alert(11);
                        //3.获取当前数据【$(this)】获得当前匹配元素集合中每个元素的祖先元素【parents】
                            //选择当前的属性值【.attr('bs')】赋给一个变量【var nu】
                        var nu =$(this).parents('.shopcontent').attr('bs');
                         //alert(nu);
                        //4.("{:u('del')}【处理的地址在控制器里处理】 {gid:nu}【传过去的数据gid】 function(res)【回调 传过去之后返回来的结果】
                        $.post("{:u('del')}",{gid:nu},function(res){
                           })
                        })
                    })
                </script>


                <!--抓取商品数量-->
                <script>
                    $(function(){
                        //alert(1);
                        var num=0;
                        $('.checkbox .check').click(function(){
                            var res = parseInt($(this).parents('.shopcontent').find('.textnum').val());
                            var gj = parseInt($('.gongji span').text());
                            if($(this).hasClass('checkon')){
                                // money =parseInt(money) - parseInt(n);
//                                gi+=parseInt(res)
                                gj=gj-parseInt(res);
                            }else{
                                gj+=parseInt(res);
//                                gj += res;
                            }
                            $('.jiesuan .gongji span').html(gj);
                        })
                    })
                </script>



                <!--抓取商品价格-->
                <script>
                    $(function(){
                        $('.shopcontent').find('.check').addClass('checkon');
                        //alert(1);
                        var  money=0;
                        $('.checkbox .check').click(function(){
                            var n =  $(this).parents('.shopcontent').find('.shopcount').html();
                            var heji = parseInt($('.heji span').text());
                            if($(this).hasClass('checkon')){

                                $(this).removeClass('checkon');
                                heji=heji-parseInt(n);
                            }else{
                                $(this).addClass('checkon');
                                heji+=parseInt(n);

                            }
                            $('.jiesuan .heji span').html(heji);
                            var len = $('.shopcontent').length;


//                       判断结算时
//                            for(var i=0;i<len;i++){
//                                if($('.shopcontent').find('.check').hasClass('checkon')){
//                                    $('.gou input').css({'background':'red'}).removeAttr('disabled');
//                                }else{
//                                    $('.gou input').css({'background':'#ccc'}).attr('disabled','disabled');
//                                }
//                            }

//                            if($('.gongji span').text()<=0){
//                                $('.gou input').css({'background':'#ccc'}).attr('disabled','disabled');
//                            }else{
//                                $('.gou input').css({'background':'red'}).removeAttr('disabled');
//                            }
                        })
                    })
                </script>

                <script>
                    $(function(){
                    $('.gou').click(function(){
//                    alert($('.gongji span').text());
                        if($('.gongji span').text()<=0){

                            $('.gou input').css({'background':'#ccc'}).attr('disabled','disabled');
                        }else{
                            $('.gou input').css({'background':'res'}).removeAttr('disabled');
                        }
                      })
                    })
                </script>
           <!--当点击结算时判断需要带过去的数据-->
                <script>
                $(function(){
                    $("form").submit(function(){
                        var gids={};
                        var i=0;
                        $.each($(".checkon:not('#allcheck')"),function(k,v){
                            gids[i]= $(this).parents(".shopcontent").attr('bs');
                            i++;
                        }) ;
                        $.post("{:u('payData')}",gids,function(res){
                          if(res){
                              location.href="{:u('Accounts/index')}";
                          }
                        },'json');
                        return false;
                    });
                })

                </script>
                <div class="jiesuan">
                    <div class="jixu"><a href="{:u('Home/index/index')}">继续购物</a></div>
                    <div class="gongji">共计<span>{$data['total_rows']}</span>件商品</div>
                    <div class="heji">合计<span>{$data['total']}.00元</span></div>
                    <div class="gou"><input type="submit"  value="去结算"/></div>
                </div>
            </div>
        </form>
    </div>
    </div>
    </block>
